import React, { memo } from "react";
import { FootWrappr, FootLeft, FooterRight } from "./style";
import { footerImages } from "@/common/local-header";
export default memo(function Footer() {
  return (
    <FootWrappr>
      <div className="content wrap-v1">
        <FootLeft>
          <div className="top ">
            <div>服务条款 </div>
            <div>| 隐私政策 </div>
            <div>| 儿童隐私政策 </div>
            <div>| 版权投诉指引 </div>
            <div>| 意见反馈 </div>
            <div>| 广告合作 </div>
          </div>
          <div className="top">
            <div>网易公司版权所有©1997-2021浙网文[2021] </div>
            <div>杭州乐读科技有限公司运营：1186-054号</div>
          </div>
          <div className="top">
            <div>违法和不良信息举报电话：0571-89853516 </div>
            <div>举报邮箱：ncm5990@163.com</div>
          </div>

          <div className="top">
            <div>粤B2-20090191-18 工业和信息化部备案管理系统网站</div>
            <div> 浙公网安备 33010902002564号</div>
          </div>
        </FootLeft>
        <FooterRight>
          {footerImages.map((item, index) => {
            return (
              <li className="item" key={item.link}>
                <a
                  className="link"
                  href={item.link}
                  rel="noopener noreferrer"
                  target="_blank"
                >
                  {" "}
                </a>
                <span className="title">{item.title}</span>
              </li>
            );
          })}
        </FooterRight>
      </div>
    </FootWrappr>
  );
});
